<div class="yb-sel pos-r">
    <div class="header" ng-if="noTransclude">
        <input type="text" class="form-control light-bg" ng-model="dataModel" ng-click="showOptions()" ng-if="!onlyView" 
            translate translate-attr-placeholder="{{multiLan?('请选择'|translate):'请选择'}}" readonly>
        <span ng-if="onlyView">{{ dataModel || '-' }}</span>
    </div>
    <div class="header" ng-transclude ng-click="showOptions()" ng-if="!noTransclude"></div>

    <div class="body" ng-show="showPopup" ng-click="$event.stopPropagation();">
        <ul>
            <li ng-click="selectOption()">
                <span>{{multiLan?('请选择'|translate):'请选择'}}</span>
            </li>
            <li ng-repeat="item in optionsList track by $index" ng-click="selectOption(item)" ng-class="{'selected': !!item.selected}">
                {{multiLan?(item.name|translate):item.name}}
            </li>
        </ul>
    </div>
    <input type="text" id="search-input" ng-show="allowSearch&&showPopup" ng-model="searchVal" ng-change="onSearchChange(searchVal)"
        style="width:90%;border:0;position:absolute;left:9px;top:5px;">
</div>
